<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<title>Selamat Datang di Pusat Informasi Pesantren Zainul Hasan Genggong - Sistem Informasi Pesatren</title>
<link href="assetx/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assetx/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="assetx/css/mystyle.css" rel="stylesheet" type="text/css">


</head>
<body>
<![if !IE]>
<!--menu-->
<div class="navbar navbar-inverse navbar-fixed-top menu-atas">
      <div class="container">
        <div class="navbar-header">
          <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
            <span class="icon-bar">test</span>
            <span class="icon-bar">dua</span>
            <span class="icon-bar">tiga</span>
          </button>
          <a href="#" class="navbar-brand">&nbsp;<span class="fa fa-home pad"></span>&nbsp;</a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li><a href="#">Beranda</a></li>
            <li><a href="#about">Tentang Website</a></li>
            <li><a href="#contact">Layanan</a></li>
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#"><span class="label label-pengumuman-samping"><i class="fa fa-unlock-o"></i> Login Member</span></a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>
<!--menu-end-->

<div class="container">
<div class="head-top"><img src="assetx/img/logo_pzh.png"  class="img-responsive gambar-headerku" alt="Responsive image"></div>


</div>


<div class="container container-bg">

<div class="col-xs-9">


<div class="panel panel-primary">
<div class="panel-heading" id="border-orange-bawah"><i class="fa fa-star fa-spin" ><a href="/localhost"></a> </i> &nbsp;&nbsp;<b>Data Alumni </b><span class="pull-right"><b><a data-toggle="modal" href="#myModal" class="btn btn-sm kotak-oren" href="#"> <i class="fa fa-unlock-o"></i>&nbsp;Login Alumni</a>&nbsp;<a class="btn btn-sm kotak-oren" href="#"><i class="fa fa-plus-circle"></i>&nbsp;Belum Punya Akun</a></b></span></div>
  <div class="panel-body">

  
  <form class="form-inline" role="form">
  <div class="form-group">
    <select class="form-control" name="Lulusan">
      <option value="Bondo">= Tahun Lulus =</option>
      <option value="Jak">2001</option>
      <option value="Jak">2002</option>
      <option value="Jak">2003</option>
      <option value="Jak">2005</option>
      <option value="Jak">2006</option>
    </select>
  </div>&nbsp;
    <div class="form-group">
    <select class="form-control" name="Lulusan">
      <option value="Bondo">= Tahun Lulus =</option>
      <option value="Jak">2001</option>
      <option value="Jak">2002</option>
      <option value="Jak">2003</option>
      <option value="Jak">2005</option>
      <option value="Jak">2006</option>
    </select>
  </div>&nbsp;
  <div class="form-group">
    <select class="form-control" name="Lulusan">
      <option value="Bondo">= Tahun Lulus =</option>
      <option value="Jak">2001</option>
      <option value="Jak">2002</option>
      <option value="Jak">2003</option>
      <option value="Jak">2005</option>
      <option value="Jak">2006</option>
    </select>
  </div>&nbsp;
  <button type="submit" class="btn btn-primary">Tampilkan</button>
</form> <div class="pull-right"></div>
<br>

<table class="table table-bordered table-hover ">
  <tr class="active">
    <td width="5%"><h5><strong>No</strong></h5></td>
    <td width="30%"><h5><strong>Nama</strong></h5></td>
    <td width="40%"><h5><strong>Alumni</strong></h5></td>
    <td width="13%"><h5><strong>Tahun Lulus</strong></h5></td>
    <td width="12%"><h5><strong>Profil/Kontak</strong></h5></td>
    </tr>
  <tr>
    <td>123</td>
    <td>Rio Bahtiar Bin Muhammad Hasan</td>
    <td>SMA Unggulan Hafsa Zainul Hasan Genggong</td>
    <td>2007</td>
    <td><a href="#" target="_parent">Lihat Profil</a></td>
    </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
  <tr>
    <td colspan="5"><center><strong>Data Anda Tidak Ada ? Silahkan Mendaftar Untuk Memiliki Akun Alumni</strong></center></td>
    </tr>
</table>
<p>&nbsp;</p>
<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>
<button type="button" class="btn btn-default btn-lg btn-block">Block level button</button>
<br>
   <div class="bs-callout bs-callout-warning">
      <h4>Telah Hadir Lagi Mujiayat Mubarokah Pesantren Zainul Hasan Genggong Probolinggo  <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Launch demo modal</a></h4>
            <h5><span class="label label-pengumuman"><span class="fa fa-bookmark-o"></span>  Pengumuman Dari :</span><span class="label label-pengumuman-samping"> Biro Kominfo</span></h5>
    </div>
   
  </div>
</div>
<!--modal Login-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Login Alumni</h4>
        </div>
        <div class="modal-body">
            <form role="form">
  <div class="form-group">
    <label for="exampleInputEmail1">Alamat Email</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
      
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
          <button type="submit" class="btn btn-primary">Masuk</button>  
</form>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
<!--modal akhir-->

</div>
<!--Col-lg-3-->
<div class="col-xs-3">
<!--Widget 1 -->
<center><img src="xfileweb/bets.jpg" alt="Betty" class="img-thumbnail"><b>Betty Azzahra</b></center><hr>

<div class="list-group ">
<button type="button" class="btn btn-info btn-lg btn-block">Edit Profil</button>
<button type="button" class="btn btn-info btn-lg btn-block">Lihat Pengumuman</button>
<button type="button" class="btn btn-info btn-lg btn-block">Tanaszaha</button>
<button type="button" class="btn btn-info btn-lg btn-block">Agenda</button>
</div>
<!--Widget 2 -->
<div class="panel panel-primary">
  <div class="panel-heading" id="border-orange-bawah"> <i class="fa fa-external-link"></i>&nbsp;&nbsp; <b>Tetap Terhubung</b></div>

  
<div class="list-group ">
  <a href="#" class="btn custom-font-widget2">
    <h4 class="list-group-item-heading"><span class="fa fa-facebook-square"></span>&nbsp;&nbsp;<b>Facebook</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-twitter-square"></span>&nbsp;&nbsp;<b>Twitter</b></h4></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-linkedin-square"></span>&nbsp;&nbsp;<b>LinkedIn</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-youtube-square"></span>&nbsp;&nbsp;<b>Youtube</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-flickr"></span>&nbsp;&nbsp;<b>Flickr</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-foursquare"></span>&nbsp;&nbsp;<b>Foursquare</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-quote-left"></span>&nbsp;&nbsp;<b>Official Blog</b></h4>
  </a><br>
</div>


</div>
<!--Widget 3 -->
<div class="panel panel-primary">
  <div class="panel-heading" id="border-orange-bawah"><span class="fa fa-external-link-square"></span>&nbsp;&nbsp;<b>Link Lembaga</b></div>
<div class="list-group">
  <a href="#" class="btn custom-font-widget2">
    <h4 class="list-group-item-heading"><span class="fa fa-facebook-square"></span>&nbsp;&nbsp;<b>SD ZAHA</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-twitter-square"></span>&nbsp;&nbsp;<b>MI ZAHA</b></h4></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-linkedin-square"></span>&nbsp;&nbsp;<b>SMP ZAHA</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-youtube-square"></span>&nbsp;&nbsp;<b>MTS ZAHA</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-flickr"></span>&nbsp;&nbsp;<b>SMA ZAHA</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-foursquare"></span>&nbsp;&nbsp;<b>SMK ZAHA</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-reorder"></span>&nbsp;&nbsp;<b>MA ZAHA</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-quote-left"></span>&nbsp;&nbsp;<b>SMA UNGGULAN ZAHA</b></h4>
  </a><br>
</div></div>
<!--Widget 4 -->
<div class="panel panel-primary">
  <div class="panel-heading" id="border-orange-bawah">Berita Terbaru w3</div>

  <div class="panel-body col-1">
    Panel content
  </div>
</div>
<!--Widget 5 -->
<div class="panel panel-primary">
  <div class="panel-heading" id="border-orange-bawah"> Berita Terbaru</div>
  <div class="panel-body col-1">
    Panel content
  </div>
</div>
</div>

</div><br><br><br>
<div class="panel-footer bg-footer">

<div class="container text-muted">

	<div class="col-xs-3">
<div class="well well-sm alert-info"><img src="assetx/img/Capture.JPG" width="263" height="104"></div>

    </div>
    <div class="col-xs-3 fok">
      <strong class="text-warning"><span class="fa fa-external-link-square">&nbsp;</span>&nbsp;Link Sekolah</strong><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">MI Zainul Hasan</a><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">SD Zainul Hasan</a><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">SMP Zainul Hasan</a><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">MTs Zainul Hasan</a><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">SMA Zainul Hasan</a><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">MA Zainul Hasan</a><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">SMK Zainul Hasan</a><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">SMA UNGGULAN ZH</a><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">MA MODEL ZH</a><br>
    </div>
    <div class="col-xs-3">
  <strong class="text-warning"><span class="fa fa-external-link-square">&nbsp;</span>&nbsp;Link Kampus</strong><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">STIH Zainul Hasan</a><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">STAI Zainul Hasan</a><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">STIKOM Hafshawaty ZH</a><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">STIKES Hafshawaty ZH</a><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">AKPER Hafshawaty ZH</a><br>
  <span class="fa fa-circle-o"></span>&nbsp;<a href="#" title="#" target="_blank">AKBID Hafshawaty ZH</a><br>
    </div>
    <div class="col-xs-3">
    <h4 class="text-warning"><b><span class="fa fa-2x fa-map-marker">&nbsp;</span>&nbsp;<i>Kantor Pusat</i></b></h4>
<address>
  <strong>Pesantren Zainul Hasan Genggong</strong><br>
  Kantor PIP, Lt.1 Pajarakan, Probolinggo<br>
  Jawa Timur, 94107<br>

  <strong class="text-warning"><span class="fa fa-flag">&nbsp;</span>&nbsp;Kontak</strong><br>
  <span class="fa fa-phone-square"></span>&nbsp;(0332) 092-233&nbsp;<span class="label">Pondok Putra</span><br>
  <span class="fa fa-phone-square"></span>&nbsp;(0332) 092-233&nbsp;<span class="label">Pondok Putri</span><br>
  <span class="fa fa-phone-square"></span>&nbsp;(0332) 092-233&nbsp;<span class="label">Faximile</span><br>
  <span class="fa fa-envelope"></span>&nbsp; info@pzhgenggong.or.id<br>
  </address>

    </div>
</div>

</div>

<![endif]>

<!--[if IE ]>


<div class="warning-ie">Maaf Website Ini Tidak Mendukung Browser Anda. Kami Merekomendasikan Anda Menggunakan Browser Mozilla Firefox, Google Chrome/Chromium, Apple Safari Atau Opera Browser,<br> Kunjungi Website <b><a href="http://browsehappy.com/">BrowseHappy.com</a></b> untuk mendapatkan informasi seputar browser terbaik yang dapat anda gunakan</div>
<![endif]-->
<!--biar kenceng loadnya -->
<script src="assetx/js/jquery-1.10.2.min.js"></script>
<script src="assetx/js/bootstrap.min.js"></script>
<script src="assetx/js/jquery-migrate-1.2.1.min.js"></script>
<script src="assetx/js/Chart.js"></script>
</body>
</html>
